<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<script type="text/javascript"
	src="<c:url value="/resources/js/jquery/jquery-2.0.3.min.js"/>"></script>
<script src="<c:url value="/resources/js/clienteJTable.js" />"></script>
<%@include file="/WEB-INF/jsp/include.jsp"%>
<c:url value="/cliente/buscar" var="clienteBuscarUrl" />
<c:url value="/cliente/detalle" var="clienteDetalleUrl" />
<script type="text/javascript">
	jQuery.noConflict();
	jQuery(document)
			.ready(
					function($) {
						$("#inputNombreCliente")
								.attr('placeholder',
										'<spring:message code="cliente.form.buscarcliente.cliente.label"/>');
						$("#inputNroDocumento")
								.attr('placeholder',
										'<spring:message code="cliente.form.buscarcliente.nrodocumento.label"/>');
						cliente.init($('#form_listacliente'),
								$('#tablaCliente'), $('#botonBuscar'),
								'${clienteBuscarUrl}', '${clienteDetalleUrl}');
					});
</script>

<div class="div_container">
	<form:form id="form_listacliente" class="form-horizontal"
		modelAttribute="cliente">
		<form:hidden path="clienteId" id="clienteId" />
		<div class="row-fluid">
			<h4 class="">
				<i class="icon-plus-sign-alt"></i>
				<spring:message code="cliente.form.buscarcliente.title" />
			</h4>
			<hr>
		</div>
		<div class="form-group">
			<label for="inputNombreCliente" class="control-label col-xs-1"><spring:message
					code="cliente.form.buscarcliente.cliente.label" /> </label>
			<div class="col-xs-3">
				<form:input path="nombreCliente" id="inputNombreCliente"
					class="form-control" />
			</div>
			<label for="inputTipoDocumento" class="control-label col-xs-1"
				style="padding-top: 0px;"><spring:message
					code="cliente.form.buscarcliente.tipodocumento.label" /> </label>
			<div class="col-xs-2">
				<form:select path="tipoDocumento" id="inputTipoDocumento" cssClass="form-control">
					<form:option value="" label="-Seleccionar-" />
					<form:options items="${tipoDocumento}" itemValue="optionText"
						itemLabel="optionText" />
				</form:select>
			</div>
			<label for="inputNumeroDocumento" class="control-label col-xs-1"
				style="padding-top: 0px;"> <spring:message
					code="cliente.form.buscarcliente.nrodocumento.label" /></label>
			<div class="col-xs-2">
				<form:input path="numeroDocumento" id="inputNroDocumento"
					class="form-control" cssStyle="padding-right: 5%;padding-left: 5%;" />
			</div>
			<div>
				<button type="button" class="btn btn-primary" id="botonBuscar">
					<spring:message code="tomador.pedido.buscar.button" />
				</button>
			</div>
		</div>
	</form:form>
	<form id="form_detallecliente" class="form-horizontal" action="" method="get">
	</form>
	<div id="tablaCliente" class="tablaResultado"></div>
</div>